/*淡入*/
@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
.wrapper {    
    animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}  


.bounceIn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation: bounceIn  3s forwards;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation: flipInY  3s forwards;
}


@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 45deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
  }

  to {
    transform: perspective(400px);
  }
}



body,html {
	height: 100%;
	min-width: 320px;
}

.swiper-container {
	width: 100%;
	height: 100%;
	min-width: 320px
}

.swiper-slide .center>img {
	margin-bottom: 15px;
	display: inline-block;
	width: 198px
}

.swiper-slide .center>a {
	display: inline-block;
	color: #FFF;
	line-height: 60px;
	text-shadow: 0 2px 4px rgba(67,71,101,.5)
}

.swiper-slide>div {
	position: relative;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover
}



.swiper-slide>div.slide-item-2>.center>a {
	padding: 40px 100px;
	line-height: 60px;
	font-family: Helvetica
}

.swiper-slide>div.slide-item-2>.center>a>b,.swiper-slide>div.slide-item-2>.center>a>em,.swiper-slide>div.slide-item-2>.center>a>i,.swiper-slide>div.slide-item-2>.center>a>small,{
	display: block
}

.swiper-slide>div.slide-item-2>.center>a>em {
	margin-bottom: 0;
	font-size: 30px;
	text-shadow: 0 2px 4px rgba(67,71,101,.5)
}

.swiper-slide>div.slide-item-2>.center>a>b {
	margin-bottom: 20px
}



.swiper-slide>div.slide-item-2>.center>a>i {
	font-size: 30px;
	color: #D7EDFF
}

.swiper-slide>div.slide-item-2>.center>a>small {
	opacity: .9;
	line-height: 100%
}

.swiper-slide>div.slide-item-3>.center>a {
	font-family: Helvetica
}

.swiper-slide>div.slide-item-3>.center>a>strong {
	margin-bottom: 20px;
	display: block;
	font-size: 38px
}

.swiper-slide>div.slide-item-3>.center>a>small {
	display: block;
	opacity: .9;
	font-family: Helvetica;
	line-height: 35px;
	text-shadow: 0 2px 4px rgba(67,71,101,.5)
}

.swiper-slide>div.slide-item-4>.center {
	width: 1100px;
	margin-left: -600px;
	text-align: left
}

.swiper-slide>div.slide-item-4>.center>a {
	font-family: Helvetica;
	line-height: 60px
}

.swiper-slide>div.slide-item-4>.center>a>b {
	margin-bottom: 20px;
	display: block
}

.swiper-slide>div.slide-item-4>.center>a>strong {
	margin-bottom: 55px;
	display: block
}

.swiper-slide>div.slide-item-4>.center>a>small {
	display: block;
	font-family: Helvetica;
	line-height: 30px
}

#banner .swiper-slide {
	-moz-transition: opacity 3s ease,visibility 3s;
	-webkit-transition: opacity 3s ease,visibility 3s;
	-ms-transition: opacity 3s ease,visibility 3s;
	transition: opacity 3s ease,visibility 3s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	text-align: center;
	visibility: hidden;
	z-index: 0
}

#banner .swiper-slide.active {
	z-index: 1;
	opacity: 1;
	visibility: visible
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	background: 0 0;
	opacity: .8
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 13px
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 105px
}

.slide-animate {
	width: 600px;
	height: 600px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -620px;
	z-index: 1
}

.main {
	position: relative;
	z-index: 9;
	background: #fff
}

.guanyu{
	background: url(../../images/banner/guanyu.jpg) no-repeat center;
    height: 346px;
    position: relative;
	z-index: 1000;
	background-size: cover;
}


.main>.item {
	padding: 100px 0 40px;
	margin: 0 auto;
	
	z-index: 1000;
    position: relative;
}
/*向下滑*/
.main .arrow-wrap {
	
	width: 1100px;
	height: 80px;
	position: absolute;
	top: -80px;
	left: 50%;
	margin-left: -550px;
	z-index: 99;
	box-shadow: none;
	background: 0 0
}

.main .arrow-wrap .icon-sprite {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -35px;
	display: block;
	cursor: pointer;
	width: 70px;
	height: 50px;
	transition: all .5s
}

.main .arrow-wrap .icon-sprite>.cycle {
    margin-bottom: -20px;
    display: block;
    width: 20px;
    height: 35px;
}
.main .arrow-wrap .icon-sprite .arrow-a,.main .arrow-wrap .icon-sprite .arrow-b {
    display: block;
    height: 20px;
    background: url(../../images/icon/dxia1.png) center center no-repeat;background-size: contain;
    animation: arrowdown 1s ease infinite alternate;
}
/*向下滑结束*/

.about .txt>.more:hover .triangle,.view-main>a:hover>.triangle.right {
	animation: arrowtoright .45s cubic-bezier(.215,.61,.355,1) 0s 1 forwards
}

.main .arrow-wrap .icon-sprite:hover {
	top: 0
}


@-webkit-keyframes arrowtoright {
	0%,100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	50% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}
}

/*关于汇尚*/

.about {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
    z-index: 10000;
}
.about>.img {
    float: left;
    margin-right: 70px;
    width: 520px;
}
.about .txt {
    float: left;
    width: 1100px;
    font-size: 16px;
    text-align: center;  
}
.about .txt>h3 {
    font-size: 24px;
    padding: 2rem 0px 1.2rem 0rem;
}
.about .txt>h3>.line{
	width: 100px;
    border-bottom: 1px solid #000;
    vertical-align: middle;
    display: inline-block;
    margin: 0 24px 0 24px;
}
.about .txt .aboutpc > p {
   /*  margin: 30px; */
    color: #6D7276
}

/*汇尚价值*/
/*  .valuePc{display: block;}
.valueMb{display: none;} */
 
.value-main {
    background: url(../../images/banner/banner-03.jpg) no-repeat;
    height: 734px;
    position: relative;
    background-size: cover;
}

.value-main .in-main{
	width: 1100px;
	margin: 0 auto;
	
	}
.value-main .in-main > img{
	width: 1100px;
	margin: 0 auto;
	margin-top: -180px;
	-webkit-animation: circle 100s infinite linear;
}

@-webkit-keyframes circle{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.in-box	{
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	text-align: center;
}
	
.value-main .txt {
    float: left;
    width: 1100px;
    font-size: 18px;
    text-align: center;  
}
.value-main .txt>h3 {
    padding: 100px 0px 100px;
    font-size: 30px;
    line-height: 1
}
.value-main .txt>h3>.line{
	width: 100px;
    border-bottom: 1px solid #000;
    vertical-align: middle;
    display: inline-block;
    margin: 0 24px 0 24px;
}

.in-box ul li {float: left;width:33%;}



	
/*客户及案例	*/
.k-main ul{
	
	width: 1100px;
	margin: 0 auto;
	
}

.k-main ul li {
	width: 25%;
	float: left;
	margin-right: -2px;
		
}
.cooperate{
	position: relative;
	z-index: 1000;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	height: 844px;
	text-align: center;
	background: url(../../images/home/kehu.jpg) no-repeat;
	background-size: cover;
	}


.cooperate > h3 {
    padding: 70px 0px 60px 0px;
    font-size: 30px;
    line-height: 1
}
.cooperate h3>.line{
	width: 100px;
    border-bottom: 1px solid #000;
    vertical-align: middle;
    display: inline-block;
    margin: 0 24px 0 24px;
}
#super1,#super2,#super3,#super4{  
    width:275px;  
    height:598px;  
}  
#sub1{  
    width:275px;  
    height:598px;  
    position:absolute; 
    top: 0px; 
}  	
	  
#sub2{  
    width:275px;  
    height:598px;  
    position:absolute; 
    top: 0px; 
} 	

#sub3{  
    width:275px;  
    height:598px;  
    position:absolute; 
    top: 0px; 
} 	
#sub4{  
    width:275px;  
    height:598px;  
    position:absolute; 
    top: 0px; 
} 	
	
/*动效小盒子*/

/*第个上增加*/
.sub1,.sub2,.sub3,.sub4{
    position: relative;
}
/* #sub1 .dsa0{
    position: absolute;
    top: 488px;
    left: 50px;
    width:180px;
    height:50px;

} */


.boxIn0::before,.boxIn0::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn0::before{
    width:180px;
    height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.boxIn0::after{
    width:180px;
    height:50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa0:hover .boxIn0::before,
.dsa0:hover .boxIn0::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}




/*第一个*/
.sub1,.sub2,.sub3,.sub4,.sub5,.sub6{
	position: relative;
}
#sub1 .dsa1{
	position: absolute;
	top: 60px;
	left: 50px;
	width:180px;
	height:70px;
	
}


.boxIn1::before,.boxIn1::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in 0.1s,
	-webkit-transform 0.5s ease-in 0.1s;
	transition: opacity 0.3s,
	transform 0.5s ease-in 0.1s;
}


.boxIn1::before{
	width:180px;
	height:70px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn1::after{
	width:180px;
	height:70px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa1:hover .boxIn1::before,
.dsa1:hover .boxIn1::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*第二个*/
#sub1 .dsa2{
	position: absolute;
	top: 155px;
	left: 50px;
	width:180px;
	height:50px;
	
}


.boxIn2::before,.boxIn2::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn2::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn2::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa2:hover .boxIn2::before,
.dsa2:hover .boxIn2::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*第三个*/
#sub1 .dsa3{
	position: absolute;
	top: 298px;
	left: 50px;
	width:180px;
	height:80px;
	
}


.boxIn3::before,.boxIn3::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn3::before{
	width:180px;
	height:80px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn3::after{
	width:180px;
	height:80px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa3:hover .boxIn3::before,
.dsa3:hover .boxIn3::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*第四个*/

#sub1 .dsa4{
	position: absolute;
	top: 300px;
	left: 50px;
	width:180px;
	height:80px;
	
}


.boxIn4::before,.boxIn4::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn4::before{
	width:180px;
	height:60px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn4::after{
	width:180px;
	height:60px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa4:hover .boxIn4::before,
.dsa4:hover .boxIn4::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*第5ge*/

#sub1 .dsa5{
    position: absolute;
    top: 402px;
    left: 50px;
    width:180px;
    height:50px;
}


.boxIn5::before,.boxIn5::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn5::before{
    width:180px;
    height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.boxIn5::after{
    width:180px;
    height:50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa5:hover .boxIn5::before,
.dsa5:hover .boxIn5::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/****************/
/*第6*/

#sub1 .dsa6{
    position: absolute;
    top: 482px;
    left: 50px;
    width:180px;
    height:50px;

}


.boxIn6::before,.boxIn6::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn6::before{
    width:180px;
    height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.boxIn6::after{
    width:180px;
    height:50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa6:hover .boxIn0::before,
.dsa6:hover .boxIn0::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/****************/






/*第五个*/
#sub2 .dsa5{
	position: absolute;
	top: 94px;
	left: 50px;
	width:180px;
	height:50px;
	
}


.boxIn5::before,.boxIn5::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn5::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn5::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa5:hover .boxIn5::before,
.dsa5:hover .boxIn5::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*第六个*/
#sub3 .dsa66{
    position: absolute;
    top: 132px;
    left: 50px;
    width:180px;
    height:50px;

}


.boxIn66::before,.boxIn66::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn66::before{
    width:180px;
    height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.boxIn66::after{
    width:180px;
    height:50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa66:hover .boxIn66::before,
.dsa66:hover .boxIn66::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*第六个*/

#sub3 .dsa6{
	position: absolute;
	top: 220PX;
	left: 50px;
	width:180px;
	height:50px;
	
}


.boxIn6::before,.boxIn6::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn6::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn6::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa6:hover .boxIn6::before,
.dsa6:hover .boxIn6::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}	
/*第七个*/
#sub3 .dsa7{
	position: absolute;
	top: 408px;
	left: 50px;
	width:180px;
	height:50px;
	
}


.boxIn7::before,.boxIn7::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}


.boxIn7::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn7::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa7:hover .boxIn7::before,
.dsa7:hover .boxIn7::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}		
/*第八个*/	
#sub4 .dsa8{
	position: absolute;
	top: 144px;
	left: 50px;
	width:180px;
	height:50px;
	
}
.boxIn8::before,.boxIn8::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}
.boxIn8::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn8::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa8:hover .boxIn8::before,
.dsa8:hover .boxIn8::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}		
/*第九个*/	
#sub4 .dsa9{
	position: absolute;
	top: 224px;
	left: 50px;
	width:180px;
	height:50px;
	
}
.boxIn9::before,.boxIn9::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}
.boxIn9::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn9::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa9:hover .boxIn9::before,
.dsa9:hover .boxIn9::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}	
	
/*第十个*/	
#sub4 .dsa10{
	position: absolute;
	top: 495px;
	left: 50px;
	width:180px;
	height:50px;
	
}
.boxIn10::before,.boxIn10::after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}
.boxIn10::before{
	width:180px;
	height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
	}
.boxIn10::after{
	width:180px;
	height:50px;
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa10:hover .boxIn10::before,
.dsa10:hover .boxIn10::after {
	opacity: 1;
	-webkit-transform: scale(1);
}


/*第十一个雅芳婷*/

#sub4 .dsa11{
    position: absolute;
    top: 58px;
    left: 50px;
    width:180px;
    height:50px;

}
.boxIn11::before,.boxIn11::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}
.boxIn11::before{
    width:180px;
    height:50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.boxIn11::after{
    width:180px;
    height:50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa11:hover .boxIn11::before,
.dsa11:hover .boxIn11::after {
    opacity: 1;
    -webkit-transform: scale(1);
}


/*第十二个曼秀*/
#sub4 .dsa12{
    position: absolute;
    top: 378px;
    left: 50px;
    width:180px;
    height:50px;

}
.boxIn12::before,.boxIn12::after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in 0.1s,
    -webkit-transform 0.5s ease-in 0.1s;
    transition: opacity 0.3s,
    transform 0.5s ease-in 0.1s;
}
.boxIn12::before{
    width:180px;
    height:90px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.boxIn12::after{
    width:180px;
    height:90px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.dsa12:hover .boxIn12::before,
.dsa12:hover .boxIn12::after {
    opacity: 1;
    -webkit-transform: scale(1);
}


/*客户及案例结束	*/

.that.span{
	display: inline-block;
	background: url(../../images/home/logo1.png) no-repeat;
}
	
	
	
@keyframes arrowdown {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.main .arrow-wrap .icon-sprite .arrow-b {
    opacity: .5;
    animation-delay: 1s
}



@keyframes opacityChange {
	0%,100% {
		opacity: 1;
		transform: translate(0,0)
	}

	50% {
		opacity: .7;
		transform: translate(0,3px)
	}
}

@keyframes opacityChangehua {
	0%,100% {
		opacity: 1;
		transform: scale(1) translate(0,0)
	}

	50% {
		opacity: .5;
		transform: scale(1.1) translate(0,3px)
	}
}

@keyframes yinyingUp {
	0%,100% {
		top: -88px;
		transform: scale(1.1)
	}

	50% {
		top: -91px;
		transform: scale(1)
	}
}

@keyframes yinyingUp2 {
	0%,100% {
		top: -73px;
		transform: scale(1.1)
	}

	50% {
		top: -76px;
		transform: scale(1)
	}
}

@keyframes yinyingUp3 {
	0%,100% {
		top: -68px;
		transform: scale(1.1)
	}

	50% {
		top: -71px;
		transform: scale(1)
	}
}

@keyframes yinyingUp4 {
	0%,100% {
		top: -115px;
		transform: scale(1.1)
	}

	50% {
		top: -118px;
		transform: scale(1)
	}
}

@keyframes yinyingUp5 {
	0%,100% {
		top: -78px;
		transform: scale(1.1)
	}

	50% {
		top: -81px;
		transform: scale(1)
	}
}

@keyframes qiuhuan2 {
	0% {
		-webkit-transform: rotateX(360deg)
	}

	100% {
		-webkit-transform: rotateX(0deg)
	}
}

@keyframes qiu {
	from {
		transition: left 3s;
	}

	to {
		transition: left 10s;
	}
}

@keyframes boxUp {
	0%,100% {
		transform: translate(0,0)
	}

	50% {
		transform: translate(0,3px)
	}
}

@keyframes boxUpOp {
	0%,100% {
		transform: translate(0,0);
		opacity: 1
	}

	50% {
		transform: translate(0,3px);
		opacity: .7
	}
}

@keyframes jiantou {
	0%,100% {
		transform: translate(0,0);
		opacity: 1
	}

	50% {
		transform: translate(0,3px);
		opacity: .5
	}
}

@keyframes buttonAnimation {
	from {
		background-color: #279cd4
	}

	to {
		background-color: rgba(39,156,212,.6)
	}
}

@keyframes iconHover {
	from {
		left: 195px
	}

	to {
		left: 205px
	}
}

@keyframes yuanyinyingUp {
	0%,100% {
		top: -20px;
		transform: scale(1.1)
	}

	50% {
		top: -23px;
		transform: scale(1)
	}
}

/*移动端样式开始*/

  .valuePc{
       overflow: hidden;
       zoom: 1;
  }
  .valueMb{
         overflow: hidden;
         zoom: 1; 
   }
      .about .txt>h3 {
                    font-size: 24px;
                     padding: 1.2rem 0px 0.4rem 0rem;
                    }
                    .aboutpc p {
                        max-width: 660px;
                        margin: 0 auto;
                        line-height: 66px;
                        padding: 0 20px;
                    }


 .banner{
            width: 100%;
            height: 100%;
            position: relative;
            /* background: url(images/pc.jpg) no-repeat center center; */
            -webkit-background-size: cover;
            background-size: cover;
        }
        .pc_lunbo{
            position: absolute;
           /*  height: 674px; */
            left: 35%;
           /*  margin-left: -326px; */
            top: 58%;
            margin-top: -337px;
            width: 38%
        }
        /* .pc_imgList{height: 674px;} */
        .pc_imgList li{
            position: absolute;
            width: 80%;
          /*   width: 652px;
            height: 674px; */
            /* left: 50%;
            margin-left: -326px;
            top: 50%;
            margin-top: -337px; */
            display: none; 
            z-index: 1;
            opacity: 0.2
        }
        /* .imgList li.current{
            display: block;
        } */
        .pc_imgList li img{
            width: 100%;
        }
        .pc_qiu{
            position: absolute;
            width: 46%;
            height: 100%;
            left: 50%;
            margin-left: -23%;
            top: 14%;
            z-index: 5

        }
        .pc_qiu img{
            width: 100%;
        }
        .pc_wenzi{
            position: absolute;
            font-size: 22px;
            left:50%;
            top: 46%;
            width: 500px;
            color: #fff;
            text-align: center;
            opacity: 0.8; 
            margin-left: -250px;

        }
        .pc_wenzi p.p2{
           /*  font-size: 40px; */
            padding-top: 4px;
            font-size: 0.4rem;
            opacity: 0.8; 
        }
        .pc_wenzi p.p1{
             /* font-size: 96px; */

            font-weight: 800;
           letter-spacing: 20px;
           border-bottom: solid 2px #fff;
           padding-bottom: 4px;
           font-size: 1rem;
           opacity: 0.8; 

        }
        .min_width{
            width: 1200px;
            margin: 0 auto;
        }

 @media (max-width:1440px){
		      /*   .pc_wenzi p.p1{
		            font-size:80px 
		        }
		        .pc_wenzi p.p2{
		            font-size:32px 
		        } */
.banner{height: 900px;}
		        .pc_wenzi {
				
				    left: 50%;
				    top: 40%;
				    width: 30%;
				    color: #fff;
				    text-align: center;
				    opacity: 0.8;
				    margin-left: -15%;
				}
}

 @media (max-width:1290px){
		      /*   .pc_wenzi p.p1{
		            font-size:60px 
		        }
		        .pc_wenzi p.p2{
		            font-size:26px 
		        } */

		        .pc_wenzi {
				
				    left: 50%;
				    top: 34%;
				    width: 30%;
				    color: #fff;
				    text-align: center;
				    opacity: 0.8;
				    margin-left: -15%;
				}
}



@media (max-width:1023px) {
    /*body,html{*/
        /*overflow-x: hidden;*/
        /*-webkit-overflow-x:hidden;*/
    /*}*/
    .about {
        width: 100%;
        position: relative;
        left: 0%;
        margin-left: 0px;
        z-index: 10000;
        text-align: center;
    }
 .pc_wenzi {
				
				    left: 50%;
				    top: 38%;
				    width: 30%;
				    color: #fff;
				    text-align: center;
				    opacity: 0.8;
				    margin-left: -15%;
				}
    /*  .pc_wenzi p.p2{
            font-size: 24px;
            padding-top: 4px;
        }
        .pc_wenzi p.p1{
             font-size: 46px;
            font-weight: 800;
           letter-spacing: 20px;
           border-bottom: solid 2px #fff;
           padding-bottom: 4px;
        } */



	.swiper-slide>div.slide-item-2>.center>a>b,.swiper-slide>div.slide-item-2>.center>a>em,.swiper-slide>div.slide-item-2>.center>a>i,.swiper-slide>div.slide-item-2>.center>a>small,.swiper-slide>div.slide-item-2>.center>a>strong>b,.swiper-slide>div.slide-item-4>.center>a>b>i {
		display: block
	}

	.item.about,.main,.swiper-slide>div {
		position: relative
	}

    .swiper-container,.view-main {
        min-width: 0;
    }

	.swiper-slide>div {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-attachment: scroll;
	}


	.main {
		margin: 0 auto;
		z-index: 9;
		background: #f6f6f6
	}

	.main>.item {
		width: auto;
		padding: 40px 0 60px
	}

	.main .arrow-wrap {
		width: 100%;
		left: 0;
		margin-left: 0
	}

	.main .arrow-wrap .icon-sprite {
		top: 5px;
		width: 30px;
		height: 50px;
	}

	.main .arrow-wrap .icon-sprite>.cycle {
		width: 100%;
		height: 30px
	}

	.main .arrow-wrap .icon-sprite .arrow-a,.main .arrow-wrap .icon-sprite .arrow-b {
		height: 20px
	}
	.main .arrow-wrap .icon-sprite {
	margin-left: -15px;}

	

	.item.about>.txt {
		float: none;
		width: auto;
		font-size: 14px;
		line-height: 22px
	}


	.item.about>.txt>p {
		margin-bottom: 40px;
		font-size: 14px;
		color: #6D7276;
		line-height: 24px
	}


	.value-main {
		width: auto;
		padding: 0 70px;
	}
}

/*pc-banner*/

.banner{
    /* background-image: url(../../images/banner/pc.jpg); */
    height:100%;overflow:hidden;position: relative;
   
}

.homebannerbg{max-width: 1920px;margin-left:-960px;top:0;position:relative;left:50%;}

.banner2{
	display: none;
}

/* .swiper-slide>div.slide-item-2.load{
   background-image: url(../../images/banner/banner_02.jpg);
  
} */


.about .txt>p {
	line-height: 28px
}

.about>.img {
	height: 385px
}

/* .about .aboutpc{display: block;}
.about .aboutmb{display: none;} */
.coopMb{display: none;}
.cooperate{display: block;}



@media (max-width:1023px) {
.k-main ul{  width: 100%;  }
.swiper-container{width: 100%;}

/*移动banner*/
.banner{
    background-image: url(../../images/banner/mob.jpg);
    height: 600px;

}
    
.banner1{
	display: block;
}
.banner2{
	display: none;
}
.pc_lunbo{
	top: 86%;
}

 .swiper-slide>div.slide-item-2.load{
   background-image: url(../../images/banner/mob2.jpg);

}


/*关于汇尚MB*/
/* .about .aboutpc{display: none;} */
/* .about .aboutmb{display: block;} */
.about .txt>h3>.line {
    width: 40px;
    border: 1px solid #000;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 0 10px;
}
.about .txt>h3 {font-size: 24px;}
.about .txt .aboutmb > p {
margin-bottom: 20px;
color: #6D7276;}

.guanyu{height: 280px;}
    

  /*  汇尚价值MB*/
 
/*  .valuePc{display: none;}
.valueMb{display: block;} */
 
 
 .value-main{height: auto;}
 .value-main .in-main > img {
    width: 100%;
	margin-top: 0px;
}


 
.value-main .txt{width:100%;}
   .in-box {
    width: 100%;
    left: 0%;
}
  .value-main .in-main { width: 100%;}  
  .in-box {margin-left: 0px;}
  .value-main .txt>h3>.line {
        width: 40px;
        margin: 0 10px 0 10px;
  }

    .value-main .txt>h3 { padding: 1rem 0px 1rem;font-size:24px;}
  .in-box ul li img{width: 100%;}

  /* 合作客户MB*/
/*  .cooperate {display: none; } */
   /* .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        background-image: url(../../images/icon/btn_1.png) ;
    }*/
    .swiper-container2 {
        width: 94%;
        padding-bottom: 60px;
        height: auto;
    }
 .swiper-container2 .swiper-slide{
 	vertical-align: middle;
    text-align: center;

 }

    .swiper-slide{
        position: relative;
    }


    .swiper-slide>div.positionAbsolute{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
        opacity: 0;

    }

 .coopMb> h3 {
    padding: 1rem 0px 1rem;
    font-size: 24px;
    text-align: center;
}
.coopMb h3>.line{
	width: 40px;
    border: 1px solid #000;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 0 10px;
}
.coopMb .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    margin: -80px 10px 0px 10px;
    z-index: 10;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 0 !important;
}




    .in-coo{display:none;}
    .lunbo{display:block;}
    .cooperate .more{display: none;}
    .swiper-slide img {width: 96%;}
 
 
    /*首页移动端下部轮播*/
 	.coopMb{
        background: url(../../images/home/kehu.jpg) no-repeat center;
        width: 100%;
 		display: block;

    }
 	
 	.cooperate h3>.line {width: 50PX;}
 	.cooperate > h3 {padding: 2rem 0px 2rem;font-size:24px;}
 
    
}

/*********************/


@media (max-width: 992px){
               .value-main .txt>h3{
                padding: 100px 0;
            }
             
               .about .txt>h3 {
                font-size: 24px;
                 padding: 1.2rem 0px 0.4rem 0rem;
                }
                .aboutpc p {
                    max-width: 660px;
                    margin: 0 auto;
                    line-height: 66px;
                }
                .pc_qiu{
            	width: 50%;
            	margin-left: -25%;
            	top: 20%;
            }

 }

@media (max-width: 768px){
    /* .banner2{
        display: block;
       }
        .banner1{
        display: none;
       } */
      
        .pc_qiu{
            	width: 50%;
            	margin-left: -25%;
            	top: 22%;
            }
       .banner1{
			display: block;
		}
		.banner2{
			display: none;
         }
       .value-main .txt>h3{
                padding: 60px 0;
            }
       .aboutpc p {
                max-width: 400px;
               
            }

      
}
@media(max-width:480px){
             /* .valueMb{
                padding-top: 0;
             } */

             .banner2{
                display: block;
                height:100%;
               }
                .banner1{
                display: none;
               }


             .aboutpc p {
                max-width: 200px;
                margin: 0 auto;
                line-height: 30px;
               
            }
            .value-main .txt>h3{
                padding: 10px 0;
            }
             .pc_qiu{
            	width: 76%;
            	margin-left: -38%;
            	top: 20%;
            }
            .pc_wenzi p.p1{
            	font-size: 1.8rem;
            }
            .banner1{
			height: 400px;
		}
		.pc_lunbo{
            top: 27%;
            margin-top: 0;
            width: 58%;
            left:25%;
		}
		.pc_wenzi{
			width: 50%;
			margin-left: -25%;
		}
		.value-main .txt>h3>.line{
            width:50px;
        }
        .value-main .txt>h3{
            padding-top:1.4rem;
        }
        .pc_wenzi p.p2{
            font-size: 15px;
        }
        .about .txt>h3 {
         
            padding-top: 2rem;
            padding-bottom: 1.4rem
        }
        .about .txt>h3>.line{
            width: 50px;
            border:0;
            border-bottom: 1px solid #000;
        }
        .cooperate h3>.line{
            margin: 0 12px 0 12px;
        }
      
}